<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>新增标签1</title>
	<style>
		*{
			margin: 10px;
			padding: 0;
		}
		body{
			padding-bottom: 50px;
		}
		.header{
			width: 1000px;
			height: 50px;
			text-align: center;
			color: blue;
			border: 1px solid red;
		}
		nav{
			width: 1000px;
			border: 1px solid blue;
			margin: 10px 0;
		}
		nav ul li{
			float: left;
			width: 200px;
			height: 20px;
			text-align: center;
		}
		nav ul li a{
			line-height: 20px;
			color: gray;
		}
		.con{
			width: 1000px;
			height: 500px;
			background: orange;
		}
		.con aside{
			width: 200px;
			border: 1px solid orange;
			float: left;
		}
		.con section{
			width: 700px;
			border: 1px solid deeppink;
			float: right;
		}
		article{
			width: 1000px;
			height: 50px;
			line-height: 20px;
			color: #fff;
			background: deepskyblue;
		}
	</style>
</head>
<body>
	<header class="header" id="head">我是头部</header>
	<nav>
		<ul>
			<li><a href="#">cz</a></li>
			<li><a href="#">dcs</a></li>
			<li><a href="#">asd</a></li>
			<li><a href="#">gg</a></li>
			<li><a href="#">fdfdf</a></li>
		</ul>
	</nav>
	<div class="con">
		<aside>技术的开发及考试的缴费</aside>
		<section>收到反馈及东方会计师卡里的九分裤乐山大佛</section>
	</div>
	<article>
		<p>快点击付款世界的看法就是看到就分开了圣诞节福利科技路地块是否建立快速点击付款了时间打开了附件是打发</p>
	</article>
	<footer class="footer">脚部</footer>
	<div class="sele">
		<input type="text" list="selec">
		<datalist id="selec">
			<option value="d1"></option>
			<option value="d2"></option>
			<option value="d3"></option>
			<option value="d4"></option>
		</datalist>
	</div>
	<progress max="100"></progress>
	<p>空间的反馈时间反馈<mark>快递劫匪</mark></p>
	<div>
		<hgroup>
			<h1>cvvvv</h1>
			<h1>cvvvv</h1>
			<h1>cvvvv</h1>
		</hgroup>
	</div>
	<details open>
		<summary>京东客服</summary>
		<p>hahhahahhahhhhhhhhhhhhhhhhhh</p>
	</details>
	<time>2016-10-08</time><address>北京市昌平区</address>
	<dilog>
		<dt>fdkdf</dt>
		<dd>1</dd>
		<dd>2</dd>
		<dd>3</dd>
	</dilog>
	<form action="" id="f1" oninput="result.value=parseInt(inp1.value)+parseInt(inp2.val)">
		<input id="inp1" type="text" value="1">+
		<input id="inp2" type="text" value="2">=
		<output id="result" for="inp1 inp2"></output>
	</form>
</body>
</html>

